/* 
 * generateur.css
 * 
 * Feuille de style du Générateur de reperage
 * ( c ) 2012 Patrick Cardona
 * Version : xyz
 * 
 * @source: http://code.google.com/p/reperage/
 * 
 */


 
/* =================================================================== */
/* LICENCE
/* =================================================================== */
/*
@licstart  The following is the entire license notice for the 
    CSS code in this page.

Copyright (C) 2012  Patrick CARDONA

    The CSS code in this page is free software: you can
    redistribute it and/or modify it under the terms of the GNU
    General Public License (GNU GPL) as published by the Free Software
    Foundation, either version 3 of the License, or (at your option)
    any later version.  The code is distributed WITHOUT ANY WARRANTY;
    without even the implied warranty of MERCHANTABILITY or FITNESS
    FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.

    As additional permission under GNU GPL version 3 section 7, you
    may distribute non-source (e.g., minimized or compacted) forms of
    that code without the copy of the GNU GPL normally required by
    section 4, provided you include this license notice and a URL
    through which recipients can access the Corresponding Source.
    
@licend  The above is the entire license notice
    for the CSS code in this page.    
*/

body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

#accordeons div {
	 height:16em;
	 
}

#actions{
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

#menu{
	display:none;
}

div[id^="etape"]{
	
	height:60%;
	padding:1em;
	border-radius: 5px;
}

a:hover, #menu li a:hover, a:visited{
	color:#1E90FF;
	text-decoration:none;
}

h1 {
	font-size:1.2em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#ffb326;
	text-align: center;
}

h2 {
	font-size:1.2em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
}

legend {
	color:#666666;
	font-size:0.8em;
}

a[title^="aide"]:hover{
	cursor:help;	
}

a[title="aide_audio"]{
	background-color: #886699;
	color:#FFFFFF;
	text-decoration:none;
	padding: 0.3em;
	border-radius: 10px;	
}

a[title="aide_audio"]:hover{
	cursor:help;
	background-color:#1E90FF;	
}

input[type="submit"], a[title="donnees"]{
	/*background-color:#886699;*/
	background-color:#f90;
	color:white;
	font-size:1em;
	margin:1em;
	padding:0.4em;
	cursor: pointer;
	border:none;
	border-radius: 10px;
    box-shadow:
	0px 2px 2px 0px rgba(0, 0, 0, 0.5),
	0px 2px 2px 0px rgba(255, 255, 255, 0.5);
    
}

a[title="donnees"]{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
}

.mousedown{
	box-shadow:
	0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
	0px 2px 2px 0px rgba(255, 255, 255, 0.5);
	color:#1E90FF;
}
	

#lien_code{
	padding-left:3em;
	padding-top: 2em;
}

input[type="submit"]:hover, a[title="donnees"]:hover{
	background-color:grey;
}

input[type="text"]{
	width: 300px;		
}

footer{
	padding-top:1em;
	font-size:0.8em;
	text-align:center;
	color:gray;	
}

#copy{
	font-size:0.8em;
	text-align:center;
	color:gray;
}

.bleu {
	color:#1E90FF;
}

em {
	color:#1E90FF;
}

code {
	color:#1E90FF;
	font-size:1.4em;
}


#enregistrement {
	margin-left:1.5em;
}

#bloc_barre {
	margin-left:1.5em;
}

#zonetexte_reperage_count{
	color: #886699;
}

.rouge{
	background-color: red;
	color: white;
}

.clique{
	background-color: #3EA0FF;
	color: white;
}

#reperages{
	border : white 10px solid;
	border-radius: 10px;
}

#reperages tr td{
	padding:4px;
}

#reperages tr:nth-child(even){
	background-color:#ffcc4d;
}

#reperages tr:nth-child(odd){
	background-color:white;
}

fieldset{
	border:#cccccc solid 2px;
	
	color:#1E8FFF;
	border-radius: 5px;
}

legend{
	color: #666666;
}

textarea, input[type='text']{
	font-size:1.1em;
}

#exercice{
	background-color:#FFFFFF;
}

#mots,#groupes,#exercice{
		padding:1em;
		height:50%;
		border-radius: 10px;
		box-shadow:
		0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
		0px 2px 2px 0px rgba(255, 255, 255, 0.5);
		clear:both;
}



#mots, #groupes{
	background-color:#fc6;
}

#solution{
		padding:1em;
		clear:both;
		border:solid green 0.2em;
		border-radius: 10px;
}

span.mot,span.groupe{
	font-size:0.8em;
	padding:0.1em;
	background-color: white;
	border: solid thin #ccc;
	border-radius: 5px;
    box-shadow:
	0px 2px 2px 0px rgba(0, 0, 0, 0.5),
	0px 2px 2px 0px rgba(255, 255, 255, 0.5);	
}

#aide_editeur {
	display: none;
}


#mots>span:hover,#exercice>p>span:hover,#groupes>span:hover{
	cursor:pointer;
	color:#0099CC;
	text-decoration:none;	
}

/*#accordeons .ui-icon { display: none; }*/

